<template>
  <div>
    <!-- 单选 -->
    <select v-model="selected">
      <option v-for="item in arr" :key="item.id" :value="item.id">
        {{ item.label }}
      </option>
    </select>
    <p>{{ selected }}</p>

    <!-- 多选 -->
    <select multiple v-model="selectedArr">
      <option v-for="item in arr" :key="item.id" :value="item.id">
        {{ item.label }}
      </option>
    </select>
    <p>{{ selectedArr }}</p>
  </div>
</template>

<script>
export default {
  data: () => ({
    arr: [
      { id: '0', label: 'A' },
      { id: '1', label: 'B' },
      { id: '2', label: 'C' }
    ],
    selected: '',
    selectedArr: []
  })
}
</script>
